<template>
  <Header></Header>
  <Drawer ></Drawer>
  <el-breadcrumb
    separator="/"
    style="font-size: 20px; color: #2ab28b"
    v-if="isShow == true"
  >
    <el-breadcrumb-item :to="{ path: '/Home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/Home' }">{{
      labName
    }}</el-breadcrumb-item>
    <el-breadcrumb-item :to="{ path: '/GravidaList/' + groupId }"
      >档案管理</el-breadcrumb-item
    >
    <el-breadcrumb-item>查看报告</el-breadcrumb-item>
  </el-breadcrumb>
  <el-affix
    :offset="400"
    style="float: right; height: 60px"
    :position="bottom"
    v-if="isShow == true"
  >
    <!-- <el-button
      type="primary"
      style="height: 60px; background-color: #2ab28b; border: #2ab28b"
      @click="onKeep"
      >保存建议</el-button
    > -->
  </el-affix>
  <div id="basic">
    <div style="display: flex">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养分析报告</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <!-- 基本信息 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        患者基本信息
      </div>
    </div>
    <div style="width: 1070px; border: 2px solid #ff5c82; margin-top: 10px">
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          检测日期
        </div>
        <div
          style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.pregnancy_time }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕妇姓名
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.name }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          手机号
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.mobile }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          年龄
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.age }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          身高
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.height }}
        </div>
      </div>
      <div style="display: flex">
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          体重
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.weight }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕周数
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.gestational_weeks }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          末次月经
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.pre_weight }}
        </div>
        <div
          style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          预产期
        </div>
        <div
          style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.edc }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          多胎
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.twin }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          血压
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.blood_pressure }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          腹围
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.abdominal_girth  }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          怀孕时间
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.pregnancy_time }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          生日
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.birthday }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          未怀孕腹围
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.pre_abdominal_girth }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          血型
        </div>
        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.xuexing_value }}
        </div>
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          民族
        </div>

        <div
            style="
            width: 15%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 2px solid #ff5c82;
          "
        >
          {{ contents.minzu_value }}
        </div>

      </div>

      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          教育程度
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.jiaoyu_value }}
        </div>
      </div>
    </div>
    <!-- 主诉与病史 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        主诉与病史
      </div>
    </div>
    <div style="width: 1070px; border: 2px solid #ff5c82; margin-top: 10px">
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          妊娠不良习惯
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.Bad_value }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          妊娠营养情况
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.disease_value }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          过去疾病
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.Pastdisease_value }}
        </div>
      </div>
        <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          家族病史
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.family_history_value }}
        </div>
      </div>
       <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          孕期不良习惯
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.habits_value }}
        </div>
      </div>
          <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          水肿情况
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.edema_value }}
        </div>
      </div>
            <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
          "
        >
          妊娠疾病
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.pregnancy_value }}
        </div>
      </div>
    </div>
    <!-- 膳食与过敏 -->
     <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食与过敏
      </div>
    </div>
    <div style="width: 1070px; border: 2px solid #ff5c82; margin-top: 10px">
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          过敏食物
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.allergy_value }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          食物不耐受
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.intolerance_value }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          不适合膳食
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.noLikeDiet_value }}
        </div>
      </div>
        <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
          "
        >
          适合的膳食
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.LikeDiet_value }}
        </div>
      </div>
    </div>
    <!-- 运动调查 -->
      <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        运动调查
      </div>
    </div>
    <div style="width: 1070px; border: 2px solid #ff5c82; margin-top: 10px">
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
            border-bottom: 2px solid #ff5c82;
          "
        >
          禁止做的运动
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            border-bottom: 2px solid #ff5c82;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.forbidLikeMotion_value }}
        </div>
      </div>
      <div style="display: flex">
        <div
            style="
            background-color: rgb(255 92 130 / 16%);
            width: 10%;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #ff5c82;
            border-right: 2px solid #ff5c82;
          "
        >
          可以做的运动
        </div>
        <div
            style="
            width: 90%;
            height: 40px;
            line-height: 40px;
            text-indent: 20px;
          "
        >
          {{ contents.LikeMotion_value }}
        </div>
      </div>
    </div>
    <!-- 体成分数据分析 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/13.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        体成分数据分析
      </div>
    </div>

    <table style="width: 100%; margin-top: 10px; border: 2px solid #ff5c82">
      <div style="display:flex">
        <tbody style="margin-left: 10px">
        <tr>
          <td style="width: 100%">
            <table
              style="
                border-collapse: collapse;
                width: 100%;
                height: 110px;
                border-color: #ff5c82;
                margin-left: 5%;
              "
              border="1"
            >
              <caption
                style="margin-top: 10px; margin-bottom: 20px; text-align: left"
              >
                体成分检测结果
              </caption>
              <tbody>
                <tr style="height: 22px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    成分分类
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    测量值
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    总体水
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    肌肉量
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    去脂体重
                  </td>
                  <td
                    style="
                      width: 13.4426%;
                      height: 40px;
                      text-align: center;
                      line-height: 1.5;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体重
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td style="width: 13.4368%; height: 40px; font-size: 12px;text-align:center">
                    细胞内水分(kg)
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                   
                   <div>{{info.ICW}}</div> 
                   <!-- <div>({{ info.WaterMin}}~{{info.WaterMax}})</div> -->
                
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                    rowspan="2"
                  >
                    <!-- {{info.Water}} -->
                     <div>{{info.Water}}</div> 
                   <div>({{info.WaterMin}}-{{info.WaterMax}})</div>
                  </td>
                  <td
                    style="
                      height: 40px;
                      width: 13.4368%;
                      text-align: center;
                      border-left: none;
                      font-size: 12px;
                    "
                    rowspan="3"
                  >
                    <!-- {{info.Muscle}} -->
                    <div>{{info.Muscle}}</div>
                     <div>({{info.MuscleMin}}~{{info.MuscleMax}})</div>
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      border-left: none;
                      font-size: 12px;
                    "
                    rowspan="4"
                  >
                    <!-- {{info.LBM}} -->
                    <div>{{info.LBM}}</div>
                     <div></div>
                  </td>
                  <td
                    style="
                      width: 13.4426%;
                      height: 40px;
                      border-left: none;
                      text-align: center;
                      font-size: 12px;
                    "
                    rowspan="5"
                  >
                    <!-- {{info.Weight}} -->
                    <div>{{info.Weight}}</div>
                    <div>({{info.WeightMin}}~{{info.WeightMax}})</div>
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td style="width: 13.4368%; height: 40px; font-size: 12px">
                    细胞外水分(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px; text-align: center;font-size: 12px;">
                    <!-- {{info.ECW}} -->
                    <div>{{info.ECW}}</div>
                    <!-- <div>(10.6-12.1)</div> -->
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    蛋白质(kg)
                  </td>
                  <td
                    style="width: 13.4368%; height: 40px; text-align: center;font-size: 12px;"
                    colspan="1"
                  >
                    <!-- {{info.Protein}} -->
                    <div>{{info.Protein}}</div>
                    <div>({{info.ProteinMin}}~{{info.ProteinMax}})</div>
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      text-align: center;
                      border-right: none;
                    "
                  >
                    <!-- <div>26.8</div>
                       <div>(≥35.6)</div> -->
                  </td>
                </tr>
                <tr style="height: 40px">
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    无机盐(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px;text-align:center;font-size: 12px;" colspan="1">
                    <!-- {{}} -->
                    <div>3.1</div>
                    <div>(2.6-3.9)</div>
                  </td>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                      border-right: none;
                    "
                    colspan="2"
                  ></td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 13.4368%;
                      height: 40px;
                      font-size: 12px;
                      text-align: center;
                    "
                  >
                    体脂肪(kg)
                  </td>
                  <td style="width: 13.4368%; height: 40px;text-align:center;font-size: 12px;" colspan="1">
                    <!-- {{info.Fat}} -->
                    <div>{{info.Fat}}</div>
                     <div>({{info.FatMin}}~{{info.FatMax}})</div>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
          <td style="width: 48.4251%"></td>
        </tr>
      </tbody>
      <div style="margin-left:50px">
        <!-- <img src="../assets/img/tutu.jpg" alt=""> -->
         <div id="analMan">
        <div id="imgMan"><img src="../assets/img/analysis_man.png" style="width: 167px;height: 332px" alt=""></div>
        <div id="imgFat">脂肪 {{ info.Fat }} ({{ info.FatMin }}~{{ info.FatMax }})</div>
        <div id="imgBone">骨质 {{ info.Bone }} ({{ info.BoneMin }}~{{ info.BoneMax }})</div>
        <div id="imgProtein">蛋白质 {{ info.Protein }} ({{ info.ProteinMin }}~{{ info.ProteinMax }})</div>
        <div id="imgWater">水分 {{ info.Water }} ({{ info.WaterMin }}~{{ info.WaterMax }})</div>
      </div>
      </div>
      </div>

      <tbody style="margin-left: 10px">
        <tr>
          <td style="width: 48.4251%">
            <table
              style="
                border-collapse: collapse;
                width: 100%;
                height: 110px;
                border-color: #ff5c82;
                margin-left: 5%;
                margin-bottom: 20px;
              "
              border="1"
            >
              <caption
                style="margin-top: 10px; margin-bottom: 20px; text-align: left"
              ></caption>
              <tbody>
                 <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    测评指标
                  </td>
                   <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    状态
                  </td>
 <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    测评信息
                  </td>
                   <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    正常范围
                  </td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体脂百分比
                  </td>
                  <td style="width: 25%; text-align: center"  :class="[info.PBFcolor]">
                    {{ info.PBFkeyword }}
                    </td>
                  <td style="width: 25%; text-align: center" :class="[info.PBFcolor]">
                    {{info.PBF}}%
                    <!-- 54.4% -->
                    </td>
                  <td style="width: 25%; text-align: center" :class="[info.PBFcolor]">
                   {{info.PBFMin}}%～{{info.PBFMax}}%
                   
                    </td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                   水分
                  </td>
                  <td style="width: 25%; text-align: center">
<!-- 正常 -->{{info.Waterkeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
{{info.Water}}%
                  </td>
                    <td style="width: 25%; text-align: center">
{{info.WaterMin}}%~{{info.WaterMax}}%
                    </td>
                </tr>
                <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体重
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Weightkeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Weight}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.WeightMin}}~{{info.WeightMax}}
                     </td>
                </tr>
                  <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    肌肉
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Musclekeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Muscle}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.MuscleMin}}~{{info.MuscleMax}}
                     </td>
                </tr>
                   <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    骨质
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Bonekeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.Bone}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.BoneMin}}~{{info.BoneMax}}
                     </td>
                </tr>
                   <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    骨骼肌
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.SMMkeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.SMM}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.SMMMin}}~{{info.SMMMax}}
                     </td>
                </tr>
                   <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    体质指数
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.BMIkeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.BMI}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.BMIMin}}~{{info.BMIMax}}
                     </td>
                </tr>
                   <tr>
                  <td
                    style="
                      width: 25%;
                      text-align: center;
                      background-color: rgb(255 92 130 / 16%);
                    "
                  >
                    腰臀比
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.WHRkeyword}}
                  </td>
                  <td style="width: 25%; text-align: center">
                  {{info.WHR}}kg
                  </td>
                     <td style="width: 25%; text-align: center">
                   {{info.WHRMin}}~{{info.WHRMax}}
                     </td>
                </tr>
              </tbody>
            </table>
          </td>
          
        </tr>
      </tbody>
    </table>
    <!-- 节段水分分析 -->
    <div style="margin-top: 10px; margin-bottom: 10px; margin-left: 30px">
     
    </div>
    <div style="display: flex">
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
              躯干脂肪量</td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                测量值
              </td>
              <!-- <td
                style="
                  width: 31.7786%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                ECW/TBW
              </td> -->
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                左上肢脂肪
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.LA_fat}}
              </td>
              <!-- <td style="width: 31.7786%; height: 40px; text-align: center">
                0.469
              </td> -->
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                右上肢脂肪
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.RA_fat}}
              </td>
              <!-- <td style="width: 31.7786%; height: 40px; text-align: center">
               0.415
              </td> -->
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
              左下肢脂肪
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.LL_fat}}
              </td>
              <!-- <td style="width: 31.7786%; height: 40px; text-align: center">
                0.416
              </td> -->
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
              右下肢脂肪
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.RL_fat}}
              </td>
              <!-- <td style="width: 31.7786%; height: 40px; text-align: center">
                0.416
              </td> -->
            </tr>
          </tbody>
        </table>
      </div>
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                   text-align: center;
                  color: #ff5c82;
                "
              >
              躯干水分量</td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               测量值
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                左上肢水分
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
               {{info.LA_water}}
              </td>
              <!-- <td style="width: 31.7786%; height: 40px; text-align: center">
                0.457
              </td> -->
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               右上肢水分
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.RA_water}}
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               左下肢水分
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
               {{info.LL_water}}
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               右下肢水分
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
               {{info.RL_water}}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div style="width: 100%">
        <table
          style="
            border-collapse: collapse;
            width: 80%;
            border-color: #ff5c82;
            margin-left: 10%;
          "
          border="1"
        >
          <tbody>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                   text-align: center;
                  color: #ff5c82;
                "
              >躯干肌肉量</td>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
                测量值
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               左上肢肌肉
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
               {{info.LA_muscle}}
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               右上肢肌肉
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
               {{info.RA_muscle}}
              </td>
            </tr>
            <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               左下肢肌肉
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
              {{info.LL_muscle}}
              </td>
            </tr>
             <tr>
              <td
                style="
                  width: 31.7759%;
                  height: 40px;
                  background-color: rgb(255 92 130 / 16%);
                  text-align: center;
                  color: #ff5c82;
                "
              >
               右下肢肌肉
              </td>
              <td style="width: 31.7759%; height: 40px; text-align: center">
                {{info.RL_muscle}}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div
      style="
        width: 93%;
        height: 70px;
        border: 2px solid #ff5c82;
        margin: auto;
        margin-top: 20px;
        display: flex;
      "
    >
      <div
        style="
          background-color: rgb(255 92 130 / 16%);
          width: 20%;
          text-align: center;
          line-height: 70px;
          border-right: 2px solid #ff5c82;
          color: #ff5c82;
        "
      >
        内脏脂肪分析
      </div>
      <div style="width: 100%">
        <div style="margin-top: 5px; margin-bottom: 3px">
          <span style="margin-left: 40px">{{info.VFIMin}}</span
          ><span style="margin-left: 180px">{{info.VFIMax}}</span>
        </div>
        <div style="display: flex">
          <div
            style="
              width: 70%;
              height: 20px;
              background-color: #ff5c82;
              border-bottom-right-radius: 10px;
              border-top-right-radius: 10px;
            "
          ></div>
          <div style="margin-left: 20px; color: #ff5c82">{{info.VFI}}</div>
        </div>
        <div style="margin-top: 3px">
          <span style="margin-left: 40px">最小值</span
          ><span style="margin-left: 150px">最大值</span
          >
        </div>
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/14.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食记录
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 99.8143%;
        height: 88px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 19.6338%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            菜名
          </td>
          <td
            style="
              width: 77.2164%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            <span style="color: #ff5c82">所含能量</span>
          </td>
        </tr>
        <tr style="height: 40px" v-for="(item,index) in eats" :key="index">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            {{item.food_name}}
          </td>
          <td
            style="
              width: 77.2164%;
              border-color: #ff5c82;
              height: 40px;
              text-align: center;
            "
          >
            钙：{{item.calcium}} 碳水化合物：{{item.carbohydrate}} 能量：{{item.energy}} 脂肪：{{item.fat}} 食物类型：{{item.foodType}} 硒元素：{{item.selenium}} 维生素a：{{item.vitamin_a}} 维生素b1：{{item.vitamin_b1}} 维生素b2：{{item.vitamin_b2}} 维生素c：{{item.vitamin_c}} 维生素e：{{item.vitamin_e}} 锌：{{item.zinc }}
          </td>
        </tr>
        <!-- <tr style="height: 40px">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            午餐
          </td>
          <td style="width: 77.2164%; height: 40px; text-align: center">叉烧100.0g</td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 19.6338%; height: 40px; text-align: center">
            晚餐
          </td>
          <td style="width: 77.2164%; height: 40px; text-align: center">清面100.0g</td>
        </tr> -->
      </tbody>
    </table>
    <!-- 膳食评价 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/15.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食评价(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 132px;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            分类
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            摄入量
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            推荐范围
          </td>
         
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            评价
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            能量
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
            {{letEnergy.energy}}kcal
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
            "
          >
         {{  letEnergy.start }}～{{ letEnergy.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ letEnergy.keyword }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            碳水化合物
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           {{carbohydrate.energy}}g
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            {{ carbohydrate.start }}～{{ carbohydrate.end }}
          </td>
        
        
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
           {{ carbohydrate.keyword }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            脂肪
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            {{fat.energy}}g
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ fat.start }}～{{ fat.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
           {{ fat.keyword }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            蛋白质
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            {{ protein.energy }}g
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ protein.start }}～{{ protein.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
         {{ protein.keyword }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            钙
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           {{ calcium.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           {{ calcium.start }}～{{ calcium.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ calcium.keyword }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            钠
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ sodium.energy }}c
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ sodium.start }}～{{ sodium.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ sodium.keyword }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            镁
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
   {{ magnesium.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ magnesium.start }}～{{ magnesium.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
         {{ magnesium.keyword }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            铁
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
   {{ iron.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
        {{ iron.start }}～{{ iron.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ iron.keyword }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
            锌
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ zinc.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ zinc.start }}～{{ zinc.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
         {{ zinc.keyword }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           硒
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
       {{ selenium.energy }}μg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ selenium.start }}～{{ selenium.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
     {{ selenium.keyword }}
          </td>
        </tr>
           <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           维生素A
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
        {{ vitamin_a.energy }}μgRE
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ vitamin_a.start }}～{{ vitamin_a.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ vitamin_a.keyword }}
          </td>
        </tr>
           <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           维生素E
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ vitamin_e.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ vitamin_e.start }}～{{ vitamin_e.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ vitamin_e.keyword }}
          </td>
        </tr>
           <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          维生素B1
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ vitamin_b1.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ vitamin_b1.start }}～{{ vitamin_b1.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ vitamin_b1.keyword }}
          </td>
        </tr>
           <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           维生素B2
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ vitamin_b2.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ vitamin_b2.start }}～{{ vitamin_b2.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ vitamin_b2.keyword }}
          </td>
        </tr>
           <tr style="height: 40px">
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
           维生素C
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
         {{ vitamin_c.energy }}mg
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
            "
          >
          {{ vitamin_c.start }}～{{ vitamin_c.end }}
          </td>
          <td
            style="
              width: 12.7231%;
              height: 40px;
              border-color: #ff5c82;
              text-align: center;
              color: #ff5c82;
            "
          >
          {{ vitamin_c.keyword }}
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 营养素 -->
    
  
       
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/17.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        能量&营养摄入量分析
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            总能量
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">长期能量摄入量偏低,人体会逐渐消瘦,会带来不良后果。</td>
        </tr>
        
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
           碳水化合物
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">
            如果饮食中缺少碳水化合物，体内血管紧张素水平下降，从而易使人情绪低落、抑郁、乏力。
          </td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
           脂肪
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">
            怀孕的孕妇不要经常吃高脂肪的食物，经常吃高脂肪的食物不利于身体健康，对于胎儿也会造成影响，还有可能会出现胆固醇过高的症状。
          </td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            蛋白质
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">
蛋白质可以提高机体的免疫力,可以增加孕妇的抗病能力,避免胎儿在宫腔内出现感染现象。
          </td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            铁
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">孕妇缺铁引起贫血，导致胎儿发育迟缓、体重不足、动物肝脏、动物血、瘦肉富含铁元素。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            钙
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">孕妇钙摄入量不足，容易导致低血钙综合症，虾，小虾皮，贝、牡蛎，牛奶、豆类及其制品富含钙元素。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            锌
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">孕妇长期缺锌会波及到胎儿的脑、心脏发育不良;蛎、海蛎肉、蛏干、扇贝等贝壳类海产品及牛肉富含锌元素。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            维生素C
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">维生素C可以使胎儿有一个很好的皮肤，并且能够减少胎儿出现疤痕的几率。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
           维生素A
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">维生素A可以促进胎儿的骨骼发育，牙齿发育，预防缺铁性贫血的发生率。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            维生素E
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">因为维生素E能够帮助子宫的肌肉松弛，对于维持先兆流产、保胎会有一定的好处。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            镁
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">镁元素的缺乏会影响肌肉兴奋，长期摄入不足或流失过多会造成手足抽搐、精神反射失调。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            硒
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">单纯硒缺乏一般不会引发疾病，长期的硒大量缺乏会出现类似克山病的心肌病变，出现骨骼肌疼痛和萎缩。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            钠
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">钠缺乏会导致轻倦怠、过量缺乏会造成呕吐、血压降低及痛性肌肉痉挛。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            维生素B1
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">缺乏维生素b1，可能会造成胃肠蠕动缓慢，消化道分泌减少，食欲不振，消化不良等障碍。</td>
        </tr>
        <tr>
          <td
            style="
              width: 12.3017%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            维生素B2
          </td>
          <td style="width: 84.5485%; height: 40px; text-indent: 20px">怀孕后还需要维生素B2和其他一些维生素，但是不能多吃。</td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/18.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        餐次能量分析(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 10px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            餐次
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            早餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            早加餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            午餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            午加餐
          </td>
          <td
            style="
              width: 12.7491%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            晚餐
          </td>
          <td
            style="
              width: 12.7561%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            晚加餐
          </td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            能量
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">417.42</td>
          <td style="width: 12.7491%; height: 40px; text-align: center">0</td>
          <td style="width: 12.7491%; height: 40px; text-align: center">199.75</td>
          <td style="width: 12.7491%; height: 40px; text-align: center">0</td>
          <td style="width: 12.7491%; height: 40px; text-align: center">68.53</td>
          <td style="width: 12.7561%; height: 40px; text-align: center">0</td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            功能比
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
           61%↑
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            0%↓
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
           28%
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            0%↓
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            10%↓
          </td>
          <td style="width: 12.7561%; height: 40px; text-align: center">
            0%↓
          </td>
        </tr>
        <tr>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            参考范围
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
           5%-10%
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
          15%-25%
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            5%-10%
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            25%-35%
          </td>
          <td style="width: 12.7491%; height: 40px; text-align: center">
            5%-10%
          </td>
          <td style="width: 12.7561%; height: 40px; text-align: center">
           20%-30%
          </td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/19.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食结构分析(日均值)
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            膳食结构
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            谷薯类
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            粗杂粮
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            蔬菜
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            深色蔬菜
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            水果
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            鱼肉蛋
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            大豆坚果类
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            优质蛋白质
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            奶及奶制品
          </td>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            油脂类
          </td>
        </tr>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            推荐(g)
          </td>
          <td style="width: 8.46916%;text-align:center">275-325</td>
          <td style="width: 8.46916%;text-align:center">82.5-97.5</td>
          <td style="width: 8.46916%;text-align:center">300-500</td>
          <td style="width: 8.46916%;text-align:center">150-250</td>
          <td style="width: 8.46916%;text-align:center">200-400</td>
          <td style="width: 8.46916%;text-align:center">150-200</td>
          <td style="width: 8.46916%;text-align:center">30-35</td>
          <td style="width: 8.46916%;text-align:center">45-60</td>
          <td style="width: 8.46916%;text-align:center">300-500</td>
          <td style="width: 8.46916%;text-align:center">25-30</td>
        </tr>
        <tr>
          <td
            style="
              width: 8.46916%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            实际
          </td>
          <td style="width: 8.46916%;text-align:center">182.26↓</td>
          <td style="width: 8.46916%;text-align:center">0↓</td>
          <td style="width: 8.46916%;text-align:center">64.52↓</td>
          <td style="width: 8.46916%;text-align:center">0↓</td>
          <td style="width: 8.46916%;text-align:center">0↓</td>
          <td style="width: 8.46916%;text-align:center">100↓</td>
          <td style="width: 8.46916%;text-align:center">3.32↓</td>
          <td style="width: 8.46916%;text-align:center">30.25↓</td>
          <td style="width: 8.46916%;text-align:center">0↓</td>
          <td style="width: 8.46916%;text-align:center">0↓</td>
        </tr>
      </tbody>
    </table>
    
    <!-- 孕期营养干预报告 -->
    <div style="display: flex; margin-top: 20px">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养干预报告</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/21.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        孕期饮食及生活方式原则
      </div>
    </div>
    <div
      style="
        width: 1071px;
        min-height: 150px;
        border: 2px solid #ff5c82;
        margin-top: 20px;
      "
    >
    <p>
    1.保证食物多样、谷类为主，吃动平衡、健康体重、多吃蔬菜、水果，奶类大豆，适量吃鱼、禽、蛋、瘦肉、少盐、少油、控糖限酒，配合体脂称，合理监测并控制体重在健康范围
    </p>
    <p>
2.平均每天摄入12种以上食物，每周25种以上，每天摄入盐不超过6g，油不超过25g，足量饮水达到1500ml-1700ml。
    </p>
    <p>
      3.每周5天中等强度身体活动，主动身体活动6000步，减量减少久坐时间，每小时起来动一动，动则有益。
    </p>
    </div>
    <!-- 膳食方案明细 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
    
      <div><img src="../assets/img/22.jpg" style="height: 40px" alt="" />
      </div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        膳食方案明细
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 10px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 31.7536%;
              height: 40px;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
              text-align: center;
            "
          >
            名称
          </td>
          <td
            style="
              width: 31.7536%;
              height: 40px;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
              text-align: center;
            "
          >
            推荐值
          </td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            能量总摄入
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">{{  letEnergy.start }}～{{ letEnergy.end }}</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            碳水化合物
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">{{ carbohydrate.start }}～{{ carbohydrate.end }}</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            蛋白质
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">{{ protein.start }}～{{ protein.end }}</td>
        </tr>
        <tr>
          <td style="width: 31.7536%; height: 40px; text-align: center">
            脂肪
          </td>
          <td style="width: 31.7536%; height: 40px; text-align: center">{{ fat.start }}～{{ fat.end }}</td>
        </tr>
      </tbody>
    </table>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/23.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        一周膳食清单
      </div>
    </div>
    <!-- <table
      style="
        border-collapse: collapse;
        width: 100%;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr>
          <td
            style="
              width: 16.8266%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            餐次
          </td>
          <td
            style="
              width: 18.3978%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            建议就餐时间
          </td>
          <td
            style="
              width: 60.0393%;
              height: 40px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            建议一日膳食摄入量
          </td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            早餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">06:00~08:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">蔬菜类（份）0.2份-100.0克;奶类（杯）1.0份;谷类（份）2.0份-50.0克;蛋类（个）1.0份;</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            早加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">09:00~10:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">水果类（份）1.0份-200.0克;</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            午餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">11:00~13:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">蔬菜类（份）0.4份-200.0克;谷类（份）3.0份-75.0克;薯类（份）0.5份-50克;鱼、禽、肉类（份）1.0份-50.0克;豆类（份）0.5份-12.5克;油脂类（汤匙）1.5份;</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            午加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">15:00~16:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">坚果（份）1.0份-15.0克;</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            晚餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">18:00~19:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">蔬菜类（份）0.4份-200.0克;谷类（份）3.0份-75.0克;鱼、禽、肉类（份）1.0 份-50.0克;豆类（份）0.5份-12.5克;油脂类（汤匙）1.0份;</td>
        </tr>
        <tr>
          <td style="width: 16.8266%; height: 40px; text-align: center">
            晚加餐
          </td>
          <td style="width: 18.3978%; height: 40px; text-align: center">21:00~22:00</td>
          <td style="width: 60.0393%; height: 40px; text-align: center">奶类（杯）1.0份</td>
        </tr>
      </tbody>
    </table> -->

    <div class="dietOn" v-for="item in diet_analysis" :key="item">
      <div class="time-botton">
        <img src="../assets/img/evaluaction_service_icon.png" alt="" style="width:15px; height:15px;">
        {{ item.pName }}
      </div>
      <div class="plates">
        <div class="time-type time-left-color">早餐</div>
        <div class="der">
          <div style="margin-left:6%;padding-top: 6%;">
            <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img :src=" 'http://'+baseUrl+'/' + 'uploads/20220309/362dbf26adc39e246a649bc2695e70f9.png'" alt="" style="width:100px; height:100px;"></span>
            <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img :src="'http://'+baseUrl+'/' + earlier.meal_image" alt="" style="width:100px; height:100px;"></span>
          </div>
        </div>
        <div class="platesFoods">
          <div>大小：{{ item.multiple }}倍</div>
          <div>早餐7:00: <span v-for="breakfast in item.早餐" :key="breakfast"><o class="foodsNames">{{  breakfast.food_name }}</o> 重量:{{ breakfast.weight }}g; </span></div>
          <div>早点10:00: <span v-for="earlier in item.早点" :key="earlier"><o class="foodsNames">{{  earlier.food_name }}</o> 重量:{{ earlier.weight }}g; </span></div>
        </div>
      </div>

      <div class="plates">
        <div class="time-type time-common-color">午餐</div>
        <div class="der">
          <div style="margin-left:6%;padding-top: 6%;">
            <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img :src=" 'http://'+baseUrl+'/' + lunch.meal_image" alt="" style="width:100px; height:100px;"></span>
            <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img :src="'http://'+baseUrl+'/' + noon.meal_image" alt="" style="width:100px; height:100px;"></span>
          </div>
        </div>

        <div class="platesFoods">
          <div>大小：{{ item.multiple }}倍</div>
          <div>午餐12:00: <span v-for="lunch in item.午餐" :key="lunch"><o class="foodsNames">{{  lunch.food_name }}</o> 重量:{{ lunch.weight }}g; </span></div>
          <div>午点15:00: <span v-for="noon in item.午点" :key="noon"><o class="foodsNames">{{  noon.food_name }}</o> 重量:{{ noon.weight }}g; </span></div>
        </div>
      </div>

      <div class="plates">
        <div class="time-type time-right-color">晚餐</div>
        <div class="der">
          <div style="margin-left:6%;padding-top: 6%;">
            <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img :src=" 'http://'+baseUrl+'/' + dinner.meal_image" alt="" style="width:100px; height:100px;"></span>
            <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img :src="'http://'+baseUrl+'/' + late.meal_image" alt="" style="width:100px; height:100px;"></span>
          </div>
        </div>

        <div class="platesFoods">
          <div>大小：{{ item.multiple }}倍</div>
          <div>晚餐18:00: <span v-for="dinner in item.晚餐" :key="dinner"><o class="foodsNames">{{  dinner.food_name }}</o> 重量:{{ dinner.weight }}g; </span></div>
          <div>晚点21:00: <span v-for="late in item.晚点" :key="late"><o class="foodsNames">{{  late.food_name }}</o> 重量:{{ late.weight }}g; </span></div>
        </div>
      </div>
    </div>
    <!-- 食物选择建议 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/24.png" style="height: 40px" alt="" />
      </div>
      
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        食物选择建议
      </div>
      
    </div>
    
    <div
      style="
        padding: 10px 10px;
        border: 2px solid #ff5c82;
        width: 1050px;
        min-height: 500px;
      "
    >
     <p>谷类</p>
     <p>
1.谷类是平衡膳食的基础，一日三餐都要有谷类食物，在家吃饭每餐都应该有米饭、馒头、面条等主食类食物，各餐食物可选择不同种类的谷类食材，平均每天摄入12种以上食物，每周25种以上食物。
     </p>
     <p>
2.100克主食=100克大米/白面/杂面/小米=100克挂面=100克苏打饼干=240克米饭=140克馒头/面包=4x100g土豆/红薯/山药;
     </p>
     <p>
3.全谷物和杂豆食物种类多样，营养丰富，推荐每天吃全谷物和杂豆类食物50g-150g，相当干一天谷物的1/4~1/3。如果是糖尿病人群，建议选择低GI值的谷类。
     </p>
     <p>
4.不宜选择蛋糕、甜点、白面包、饼干或油炸面食作为主食。
       </p>
       <p> 
       蔬菜、奶类、大豆
       </p>
       <p>
1.蔬菜水果是平衡膳食的重要组成部分，奶类富含钙，大豆富含优质蛋白质。餐餐有蔬菜，保证每天摄入300-500g蔬菜，深色蔬菜应该占一半。
       </p>
       <p>
2.对于正常人群，在一定程度上保证蔬菜和水果的摄入量能够维持机体的健康，有效降低心血管疾病、肺癌、糖尿病等慢性病的发病风险。蔬菜一般都属于低GI值的食物。
       </p>
       <p>
 3. 奶类品种繁多，是膳食钙的重要来源，超重和肥胖患者宜选用脱脂奶。
       </p>
       <p>
4.大豆包括黄豆、青豆和黑豆，每周可以用豆腐、豆腐干、豆腐丝等制品轮换食用。
       </p>
       <p>
水果
       </p>
       <p>
1.水果的选择除了要选择新鲜的之外，最好选择应季的水果，挑选当季时令鲜果，多种多样。
       </p>
       <p>
2.优先选择低Gl水果，如苹果、梨、杏、桃、樱桃、草莓等;对于有糖尿病的患者，芒果、榴莲、火龙果红枣、荔枝、桂圆、香蕉、柿子、西瓜等高糖水果慎重食用。
       </p>
       <p>
坚果
       </p>
       <p>
1.坚果属于高能量食物，含有多种有益脂肪酸、营养素等，适量摄入有益健康，但其能量应该计算入一日三餐的总能量中。
       </p>
       <p>
2.可选择花生、葵花子、南瓜子、西瓜子、芝麻、核桃、开心果、腰果、榛子、山核桃等坚果，每日10-25克，宜作为加餐食物。
       </p>
       <p>
3.不宜选择加工的过油、过咸、过甜的坚果，如糖炒栗子、盐渍瓜子、核桃仁等   
       </p>
       <p>
烹调油及调味品
       </p>
       <p>
1.烹调油每日20-30克（2-3汤匙），宜选择不饱和脂肪酸含量高的橄榄油、亚麻油、紫苏油、大豆油等、有利于调节血脂;
       </p>
       <p>
2. 每日用盐小于6克，酱油中也含有一定量的盐分，身体出现水肿时应严格控制食盐和酱油等调味品的用量;
       </p>
       <p>
3.烹饪方式宜采用蒸、煮、炖的方式，避免高温油炸、煎烤、烘焙等方式，炒菜做汤尽量少用淀粉勾芡，避免额外添加糖等。
       </p>
       <p>
注意运动
       </p>
       <p>
各年龄段的人群都应该天天运动，保持能量平衡和健康体重，推荐成人积极参加日常活动和运动，每周至少进行5天中等强度的身体活动，累计150min以上，平均每天主动身体活动6000步。多运动多获益，减少久坐时间，每小时起来动一动。
       </p>
    </div>
    <!-- 食谱推荐 -->
    <!-- <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 20px;
        display: flex;
      "
    >
      <div><img src="../assets/img/25.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        食谱推荐
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 154px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        border-color: #ff5c82;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 13.2351%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            餐次
          </td>
          <td
            style="
              width: 18.8467%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            菜名
          </td>
          <td
            style="
              width: 63.1819%;
              height: 40px;
              text-align: center;
              background-color: rgb(255 92 130 / 16%);
              color: #ff5c82;
            "
          >
            食材及可食部重量
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 40px; text-align: center"
            colspan="3"
          >
            第一天
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 110px; text-align: center"
            rowspan="5"
          >
            早餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            早加餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            苹果
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            苹果200g(1拳)
          </td>
        </tr>

        <tr style="height: 40px">
          <td
            style="width: 13.2351%; height: 110px; text-align: center"
            rowspan="5"
          >
            午餐
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
          <td style="width: 63.1819%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 18.8467%; height: 40px; text-align: center"
            rowspan="5"
          >
            红薯粥
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            酸奶
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            核桃干
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.8467%; height: 40px; text-align: center">
            核桃干
          </td>
          <td style="width: 18.8467%; height: 40px; text-align: center">
            红薯粥
          </td>
        </tr>
      </tbody>
      <tr style="height: 40px">
        <td
          style="width: 13.2351%; height: 110px; text-align: center"
          rowspan="5"
        >
          晚餐
        </td>
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          红薯粥
        </td>
        <td style="width: 63.1819%; height: 40px; text-align: center">
          红薯粥
        </td>
      </tr>
      <tr style="height: 40px">
        <td style="width: 18.8467%; height: 40px; text-align: center">
          晚加餐
        </td>
        <td style="width: 18.8467%; height: 40px; text-align: center">苹果</td>
        <td style="width: 18.8467%; height: 40px; text-align: center">
          苹果200g(1拳)
        </td>
      </tr>
    </table>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 132px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 10.8586%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            分类
          </td>
          <td
            style="
              width: 47.5588%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            菜品名称
          </td>
          <td
            style="
              width: 17.1436%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            一份估量
          </td>
          <td
            style="
              width: 18.1538%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            估量
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="5"
          >
            谷薯类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="9"
          >
            蔬菜类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="3"
          >
            肉蛋类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="6"
          >
            大豆类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            &nbsp;大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 10.8586%; height: 110px; text-align: center"
            rowspan="3"
          >
            奶类
          </td>
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.1538%; height: 22px; text-align: center">
            油脂
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 18.1538%; height: 22px; text-align: center">
            坚果
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="width: 18.1538%; height: 22px; text-align: center"
            rowspan="4"
          >
            水果类
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
        <tr style="height: 40px">
          <td style="width: 47.5588%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 17.1436%; height: 22px; text-align: center">
            大米、小米
          </td>
          <td style="width: 18.1538%; height: 22px; text-align: center">
            大米、小米
          </td>
        </tr>
      </tbody>
    </table> -->
    <div>
      <!-- <img src="../assets/img/shiputuijian.png" alt=""> -->
    </div>
    <!-- 孕期营养处方 -->
    <div style="display: flex; margin-top: 20px">
      <div
        style="
          width: 60%;
          background-color: #ff5c82;
          height: 100px;
          text-align: center;
          line-height: 100px;
        "
      >
        <span style="font-size: 30px; font-weight: bold; color: #ffffff"
          >孕期</span
        ><span style="font-size: 30px; color: #666666; margin-left: 20px"
          >营养处方</span
        >
      </div>
      <div style="height: 100px; width: 40%">
        <img
          src="../assets/img/11.jpg"
          style="height: 100%; width: 100%"
          alt=""
        />
      </div>
    </div>
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        患者基本信息
      </div>
    </div>
    <table
      style="
        border-collapse: collapse;
        width: 100%;
        height: 110px;
        border-color: #ff5c82;
        margin-top: 20px;
      "
      border="1"
    >
      <tbody>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            ID
          </td>
          <td
            style="width: 32.82%; height: 22px; text-align: center"
            colspan="3"
          >
            {{ contents.id }}
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            检测日期
          </td>
          <td
            style="width: 32.82%; height: 22px; text-align: center"
            colspan="3"
          >
           {{ contents.pregnancy_time }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            姓名
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            {{ contents.name }}
          </td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            性别
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">女</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            年龄
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center"> {{ contents.age }}</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            身高
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center"> {{ contents.height }}cm</td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕前体重
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center"> {{ contents.weight }}kg</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕前BMI
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center"> {{ contents.weight }}/ {{ contents.height }}㎡</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            双胎
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">  {{ contents.twin }}</td>
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            孕周数
          </td>
          <td style="width: 10.94%; height: 22px; text-align: center">
            {{ contents.gestational_weeks }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
            妊娠不良习惯
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
          {{ contents.Bad_value }}
          </td>
        </tr>
        <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
          妊娠营养情况
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
          {{ contents.disease_value }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
          过去疾病
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
          {{ contents.Pastdisease_value }}
          </td>
        </tr>
          <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
           家族病史
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
            {{ contents.family_history_value }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
           孕期不良习惯
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
            {{ contents.habits_value }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
           水肿情况
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
         {{ contents.edema_value }}
          </td>
        </tr>
         <tr style="height: 40px">
          <td
            style="
              width: 10.94%;
              height: 22px;
              text-align: center;
              color: #ff5c82;
              background-color: rgb(255 92 130 / 16%);
            "
          >
           妊娠疾病
          </td>
          <td style="width: 76.58%; height: 22px; text-align: left;padding-left:10px" colspan="7">
          {{ contents.pregnancy_value }}
          </td>
        </tr>
      </tbody>
    </table>
    <!-- 运动处方 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/26.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        运动处方
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 100px;
        margin-top: 20px;
        padding: 10px 10px;
      "
    >
    <p>
    1、孕早期运动有助于维持孕妈妈的正常生理状态，愉悦心情，能够有效保持体重合理增长。孕期运动既能能增强各部分肌肉（腹肌、腰背肌、盆底肌）的力量;还能增加产力，有助于顺利自然分娩。
    </p>
    <p>
2、孕早期胎儿还未牢固，运动要"慢"，应以轻柔缓和舒适活动为主，尤其是特殊情况的孕妇应以静养为主。运动姿势绝不能造成腹部牵拉，类似于跳跃、扭曲或快速旋转应当尽量避免，根据自身情况结合医生建议选择适宜的活动方式。
    </p>
    </div>
    <!-- 评估指导 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        5色妊娠风险营养评估指导
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 100px;
        margin-top: 20px;
        padding: 10px 10px;
      "
    >
    您的妊娠评估结果为一般风险状态，有少许的妊娠期健康隐患因素、为了降低妊娠期合并症发生的概率，获得良好的妊娠结局，建议您保持良好的饮食习惯，日常常吃含铁丰富的食物，严禁烟酒，保持健康的生活方式。关注自己的体重变化，通过均衡饮食控制体重在适宜的增长范围内，减少高油脂、煎炸食品的摄入。
    </div>
    <!-- 复诊预约 -->
    <div
      style="
        width: 100%;
        height: 40px;
        background-color: rgb(255 92 130 / 16%);
        margin-top: 10px;
        display: flex;
      "
    >
      <div><img src="../assets/img/27.jpg" style="height: 40px" alt="" /></div>
      <div
        style="
          font-size: 20px;
          margin-left: 10px;
          line-height: 40px;
          color: #ff5c82;
        "
      >
        复诊预约
      </div>
    </div>
    <div
      style="
        width: 1050px;
        border: 2px solid #ff5c82;
        min-height: 60px;
        margin-top: 20px;
        display: flex;
      "
    >
      <div
        style="
          width: 13%;
          line-height: 60px;
          background-color: rgb(255 92 130 / 16%);
          color: #ff5c82;
          height: 100%;
          text-align: center;
          border-right: 2px solid #ff5c82;
        "
      >
        复查建议及时间
      </div>
      <div>
        <div style="margin-top:10px;margin-left:10px">
 复诊建议∶为避免健康风险，请及时到院复诊
        </div>
             <div style="margin-top:10px;margin-left:10px">
复查建议及时间  复诊时间∶2021-12-01
        </div>

      </div>
    </div>
    <div
      style="
        width: 30%;
        height: 40px;
        border: 2px solid #ff5c82;
        margin-top: 20px;
        margin-bottom: 20px;
      "
    >
      <div
        style="
          width: 42%;
          line-height: 40px;
          background-color: rgb(255 92 130 / 16%);
          color: #ff5c82;
          height: 100%;
          text-align: center;
          border-right: 2px solid #ff5c82;
        "
      >
        医师签字
      </div>
      <div></div>
    </div>
  </div>
</template>
<script setup>
import Header from "./common/Header.vue";
import Drawer from "./common/Drawer.vue";
import {defineComponent, onMounted, ref, watch} from 'vue';
import {ElMessage} from "element-plus";
import * as api from "../api/loginHttp";
import http, {baseUrl} from "../utils/http";
import {useRoute, useRouter} from "vue-router"

const router = useRouter()
const route = useRoute()
const isShow = ref(true)
const groupId = ref()
const id = ref()
const labName = ref()
const reportId = ref()
const username = ref()
const guardian = ref()
const birthStatus = ref()
const birth = ref()
const contents = ref({})
const info=ref({})
const letEnergy = ref({'energy': 0, 'start':0, 'end':0})
const protein = ref({'energy': 0, 'start':0, 'end':0})
const fat = ref({'energy': 0, 'start':0, 'end':0})
const carbohydrate= ref({'energy': 0, 'start':0, 'end':0})
const calcium = ref({'energy': 0, 'start':0, 'end':0})
const sodium = ref({'energy': 0, 'start':0, 'end':0})
const magnesium = ref({'energy': 0, 'start':0, 'end':0})
const iron = ref({'energy': 0, 'start':0, 'end':0})
const zinc = ref({'energy': 0, 'start':0, 'end':0})
const selenium = ref({'energy': 0, 'start':0, 'end':0})
const vitamin_a =ref({'energy': 0, 'start':0, 'end':0})
const vitamin_e = ref({'energy': 0, 'start':0, 'end':0})
const vitamin_b1 = ref({'energy': 0, 'start':0, 'end':0})
const vitamin_b2 = ref({'energy': 0, 'start':0, 'end':0})
const vitamin_c =ref({'energy': 0, 'start':0, 'end':0})
const diet_analysis = ref({})
const  fatHigh = ref(false)
const  fatNormal = ref(false)
const  fatLow = ref(false)
const  WaistHigh = ref(false)
const  WaistNormal = ref(false)
const  WaistLow = ref(false)
const  EdemaHigh = ref(false)
const  EdemaNormal = ref(false)
const  EdemaLow = ref(false)
const  proteinHigh = ref(false)
const  proteinNormal = ref(false)
const  proteinLow = ref(false)
const  FatHigh = ref(false)
const  FatNormal = ref(false)
const  FatLow = ref(false)
const report_time = ref()
const imgUrl = ref()
const eats=ref([])

const bmi = ref()
const form = ref({
  elText:'',
  elTextTwo:'',
  elTextThree:'',
})

function $getTimes(params) {
  var date = new Date(params);
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? "0" + m : m;
  var d = date.getDate();
  d = d < 10 ? "0" + d : d;
  const time = y + "-" + m + "-" + d;
  return time;
}

const fetchData = async () => {
  if (route.params.groupId) {
    groupId.value = route.params.groupId
    id.value = route.params.id
    reportId.value = route.params.reportId

    username.value = route.params.username
    guardian.value = route.params.guardian
    birthStatus.value = route.params.birth

    if( username.value && guardian.value && birthStatus.value) {
      isShow.value = false
    }

    if (groupId.value == 3) {
      labName.value = '婴幼儿营养测评'
    } else if (groupId.value == 5) {
      labName.value = '孕产妇营养测评'
    } else if (groupId.value == 6) {
      labName.value = '成年人营养测评'
    } else if (groupId.value == 7) {
      labName.value = '慢性病营养测评'
    } else if (groupId.value == 8) {
      labName.value = '团体营养测评'
    }

  imgUrl.value = "http://"+baseUrl+'/';
    let params = {
      'groupId': groupId.value,
      'id': reportId.value,
      'reportId': id.value,
      'username': username.value,
      'guardian': guardian.value,
      'birth': birth.value,
    }
  const data2 = await api.GravidaEnergy(params);
     console.log(data2,'222')
     eats.value=data2.data.data.diet;
     if(data2.data.code == 0) {
      ElMessage.error(data2.data.msg)
      return false;
      await router.push({'path':'/GravidaEvaluation/' + groupId.value +'/'+ id})
    }

    if(!data2.data.data.diet_analysis) {
      ElMessage.error(data2.data.msg)
      return false;
      await router.push({'path':'/GravidaEvaluation/' + groupId.value +'/'+ id})
    }
    for(let i = 0; i< data2.data.data.diet_analysis.length; i++) {
      switch (i){
        case 0:
          data2.data.data.diet_analysis[i]['pName'] = '周一';
          break
        case 1:
          data2.data.data.diet_analysis[i]['pName'] = '周二';
          break
        case 2:
          data2.data.data.diet_analysis[i]['pName'] = '周三';
          break
        case 3:
          data2.data.data.diet_analysis[i]['pName'] = '周四';
          break
        case 4:
          data2.data.data.diet_analysis[i]['pName'] = '周五';
          break
        case 5:
          data2.data.data.diet_analysis[i]['pName'] = '周六';
          break
        case 6:
          data2.data.data.diet_analysis[i]['pName'] = '周日';
          break
      }
    }

    diet_analysis.value = data2.data.data.diet_analysis;

    for(let i = 0; i< data2.data.data.diet.length; i++) {

      if(parseInt(data2.data.data.diet[i]['energy']) !== parseInt(data2.data.data.diet[i]['energy'])){
        data2.data.data.diet[i]['energy'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['protein']) !== parseInt(data2.data.data.diet[i]['protein'])){
        data2.data.data.diet[i]['protein'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['fat']) !== parseInt(data2.data.data.diet[i]['fat'])){
        data2.data.data.diet[i]['fat'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['carbohydrate']) !== parseInt(data2.data.data.diet[i]['carbohydrate'])){
        data2.data.data.diet[i]['carbohydrate'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['calcium']) !== parseInt(data2.data.data.diet[i]['calcium'])){
        data2.data.data.diet[i]['calcium'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['sodium']) !== parseInt(data2.data.data.diet[i]['sodium'])){
        data2.data.data.diet[i]['sodium'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['magnesium']) !== parseInt(data2.data.data.diet[i]['magnesium'])){
        data2.data.data.diet[i]['magnesium'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['iron']) !== parseInt(data2.data.data.diet[i]['iron'])){
        data2.data.data.diet[i]['iron'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['zinc']) !== parseInt(data2.data.data.diet[i]['zinc'])){
        data2.data.data.diet[i]['zinc'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['selenium']) !== parseInt(data2.data.data.diet[i]['selenium'])){
        data2.data.data.diet[i]['selenium'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['vitamin_a']) !== parseInt(data2.data.data.diet[i]['vitamin_a'])){
        data2.data.data.diet[i]['vitamin_a'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['vitamin_e']) !== parseInt(data2.data.data.diet[i]['vitamin_e'])){
        data2.data.data.diet[i]['vitamin_e'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['vitamin_b1']) !== parseInt(data2.data.data.diet[i]['vitamin_b1'])){
        data2.data.data.diet[i]['vitamin_b1'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['vitamin_b2']) !== parseInt(data2.data.data.diet[i]['vitamin_b2'])){
        data2.data.data.diet[i]['vitamin_b2'] = 0;
      }
      if(parseInt(data2.data.data.diet[i]['vitamin_c']) !== parseInt(data2.data.data.diet[i]['vitamin_c'])){
        data2.data.data.diet[i]['vitamin_c'] = 0;
      }
      letEnergy._value.energy = letEnergy._value.energy + parseInt(data2.data.data.diet[i]['energy']);
      protein._value.energy = protein._value.energy + parseInt(data2.data.data.diet[i]['protein']);
      fat._value.energy = fat._value.energy + parseInt(data2.data.data.diet[i]['fat']);
      carbohydrate._value.energy = carbohydrate._value.energy + parseInt(data2.data.data.diet[i]['carbohydrate']);
      calcium._value.energy = calcium._value.energy + parseInt(data2.data.data.diet[i]['calcium']);
      sodium._value.energy = sodium._value.energy + parseInt(data2.data.data.diet[i]['sodium']);
      magnesium._value.energy = magnesium._value.energy + parseInt(data2.data.data.diet[i]['magnesium']);
      iron._value.energy = iron._value.energy + parseInt(data2.data.data.diet[i]['iron']);
      zinc._value.energy = zinc._value.energy + parseInt(data2.data.data.diet[i]['zinc']);
      selenium._value.energy = selenium._value.energy + parseInt(data2.data.data.diet[i]['selenium']);
      vitamin_a._value.energy = vitamin_a._value.energy + parseInt(data2.data.data.diet[i]['vitamin_a']);
      vitamin_e._value.energy = vitamin_e._value.energy + parseInt(data2.data.data.diet[i]['vitamin_e']);
      vitamin_b1._value.energy = vitamin_b1._value.energy + parseInt(data2.data.data.diet[i]['vitamin_b1']);
      vitamin_b2._value.energy = vitamin_b2._value.energy + parseInt(data2.data.data.diet[i]['vitamin_b2']);
      vitamin_c._value.energy = vitamin_c._value.energy + parseInt(data2.data.data.diet[i]['vitamin_c']);
    }
    
    letEnergy._value.start = data2.data.data.packAge[0].start_package;
    letEnergy._value.end = data2.data.data.packAge[0].end_package;
    letEnergy._value.keyword = '正常';

    if ( letEnergy._value.energy < letEnergy._value.start) {
      letEnergy._value.keyword = '不足';
    } else if( letEnergy._value.energy > letEnergy._value.end) {
      letEnergy._value.keyword = '超标';
    }

    protein._value.start = data2.data.data.packAge[1].start_package;
    protein._value.end = data2.data.data.packAge[1].end_package;
    protein._value.keyword = '正常';
    if ( protein._value.energy < protein._value.start) {
      protein._value.keyword = '不足';
    } else if( protein._value.energy > protein._value.end) {
      protein._value.keyword = '超标';
    }

    fat._value.start = data2.data.data.packAge[2].start_package;
    fat._value.end = data2.data.data.packAge[2].end_package;
    fat._value.keyword = '正常';
    if ( fat._value.energy < fat._value.start) {
      fat._value.keyword = '不足';
    } else if( fat._value.energy > fat._value.end) {
      fat._value.keyword = '超标';
    }

    carbohydrate._value.start = data2.data.data.packAge[3].start_package;
    carbohydrate._value.end = data2.data.data.packAge[3].end_package;
    carbohydrate._value.keyword = '正常';
    if ( carbohydrate._value.energy < carbohydrate._value.start) {
      carbohydrate._value.keyword = '不足';
    } else if( carbohydrate._value.energy > carbohydrate._value.end) {
      carbohydrate._value.keyword = '超标';
    }

    calcium._value.start = data2.data.data.packAge[4].start_package;
    calcium._value.end = data2.data.data.packAge[4].end_package;
    calcium._value.keyword = '正常';

    if ( calcium._value.energy < calcium._value.start) {
      calcium._value.keyword = '不足';

    } else if( calcium._value.energy > calcium._value.end) {
      calcium._value.keyword = '超标';
 
    }

    sodium._value.start = data2.data.data.packAge[5].start_package;
    sodium._value.end = data2.data.data.packAge[5].end_package;
    sodium._value.keyword = '正常';

    if ( sodium._value.energy < sodium._value.start) {
      sodium._value.keyword = '不足';
     
    } else if( sodium._value.energy > sodium._value.end) {
      sodium._value.keyword = '超标';
     
    }

    magnesium._value.start = data2.data.data.packAge[6].start_package;
    magnesium._value.end = data2.data.data.packAge[6].end_package;
    magnesium._value.keyword = '正常';

    if ( magnesium._value.energy < magnesium._value.start) {
      magnesium._value.keyword = '不足';

    } else if( magnesium._value.energy > magnesium._value.end) {
      magnesium._value.keyword = '超标';
    
    }

    iron._value.start = data2.data.data.packAge[7].start_package;
    iron._value.end = data2.data.data.packAge[7].end_package;
    iron._value.keyword = '正常';
   
    if ( iron._value.energy < iron._value.start) {
      iron._value.keyword = '不足';
    } else if( iron._value.energy > iron._value.end) {
      iron._value.keyword = '超标';
    }

    zinc._value.start = data2.data.data.packAge[8].start_package;
    zinc._value.end = data2.data.data.packAge[8].end_package;
    zinc._value.keyword = '正常';
    if ( zinc._value.energy < zinc._value.start) {
      zinc._value.keyword = '不足';
    } else if( zinc._value.energy > zinc._value.end) {
      zinc._value.keyword = '超标';
    }

    selenium._value.start = data2.data.data.packAge[9].start_package;
    selenium._value.end = data2.data.data.packAge[9].end_package;
    selenium._value.keyword = '正常';
    if ( selenium._value.energy < selenium._value.start) {
      selenium._value.keyword = '不足';
    } else if( selenium._value.energy > selenium._value.end) {
      selenium._value.keyword = '超标';
    }

    vitamin_a._value.start = data2.data.data.packAge[10].start_package;
    vitamin_a._value.end = data2.data.data.packAge[10].end_package;
    vitamin_a._value.keyword = '正常';
    if ( vitamin_a._value.energy < vitamin_a._value.start) {
      vitamin_a._value.keyword = '不足';
    } else if( vitamin_a._value.energy > vitamin_a._value.end) {
      vitamin_a._value.keyword = '超标';
    }

    vitamin_e._value.start = data2.data.data.packAge[11].start_package;
    vitamin_e._value.end = data2.data.data.packAge[11].end_package;
    vitamin_e._value.keyword = '正常';
    if ( vitamin_e._value.energy < vitamin_e._value.start) {
      vitamin_e._value.keyword = '不足';
    } else if( vitamin_e._value.energy > vitamin_e._value.end) {
      vitamin_e._value.keyword = '超标';
    }

    vitamin_b1._value.start = data2.data.data.packAge[12].start_package;
    vitamin_b1._value.end = data2.data.data.packAge[12].end_package;
    vitamin_b1._value.keyword = '正常';
    if ( vitamin_b1._value.energy < vitamin_b1._value.start) {
      vitamin_b1._value.keyword = '不足';
    } else if( vitamin_b1._value.energy > vitamin_b1._value.end) {
      vitamin_b1._value.keyword = '超标';
    }

    vitamin_b2._value.start = data2.data.data.packAge[13].start_package;
    vitamin_b2._value.end = data2.data.data.packAge[13].end_package;
    vitamin_b2._value.keyword = '正常';
    if ( vitamin_b2._value.energy < vitamin_b2._value.start) {
      vitamin_b2._value.keyword = '不足';
    } else if( vitamin_b2._value.energy > vitamin_b2._value.end) {
      vitamin_b2._value.keyword = '超标';
    }

    vitamin_c._value.start = data2.data.data.packAge[14].start_package;
    vitamin_c._value.end = data2.data.data.packAge[14].end_package;
    vitamin_c._value.keyword = '正常';
    if ( vitamin_c._value.energy < vitamin_c._value.start) {
      vitamin_c._value.keyword = '不足';
    } else if( vitamin_c._value.energy > vitamin_c._value.end) {vitamin_c
      vitamin_c._value.keyword = '超标';
    }
  }
  
 


  http.get('api/Gravida/getGenerateStatus?id='+ id.value+'&reportId='+ reportId.value).then((res)=>{
    if(res.data.code === 0) {
      ElMessage.error(res.data.msg)
      return false;
    }
    if(res.data.data === 0) {
      http.get('api/Gravida/generate?id='+ id.value+'&reportId='+ reportId.value+'&username='+ username.value+'&guardian='+ guardian.value+'&birth='+ birthStatus.value).then((res)=>{
        if(res.data.code === 0) {
          ElMessage.error(res.data.msg)
          return false;
        }
      })
    }
  })
  console.log(reportId.value,'lbw')
  http.get('api/Gravida/viewReportMember?id='+ reportId.value+'&username='+ username.value+'&guardian='+ guardian.value+'&birth='+ birthStatus.value).then((res)=>{
    if(res.data.code === 0) {
      ElMessage.error(res.data.msg)
      return false;
    }
    console.log(res.data,'卢本伟牛逼');
    birth.value = $getTimes(res.data.data.contents.birth)
    contents.value = res.data.data.contents;
    console.log(contents.value);
    report_time.value = res.data.data.times
    bmi.value = res.data.data.bmi

    if(res.data.data.feed_advice != '' && res.data.data.feed_advice != null) {
      form.value.elText = res.data.data.feed_advice;
    } else {
      form.value.elText = '当膳食方案中有食谱或食材不符合您的膳食习惯时，请先与医生确认，若医生认为某些食材对儿童的膳食营养改善很重要，要求不能置换或最好不要置换；其他类可进行同类食材替换，例如：猪肉、牛肉、羊肉之间可互换，鸡肉、鸭肉、鱼类之间可互换，蔬菜间可互换，米面间可互换，但要注意不要更改食材用量。\n' +
          '给儿童烹调食物时，宜尽可能保持食物的原味，口味以清淡为宜，少放调料。\n' +
          '每天应当进行至少1小时的户外游戏或运动，每天看电视、玩平板电脑的累计时间不超过2小时，日常生活中还可适当增加一些有氧活动例如：自行车、慢跑、跳绳、仰卧起坐、游泳等。';
    }

    if(res.data.data.nutrition_advice != '' && res.data.data.nutrition_advice != null) {
      form.value.elTextTwo = res.data.data.nutrition_advice;
    } else {
      form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
          '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
      if(contents._rawValue.hair_value !='' || contents._rawValue.oralCavity_value != '' || contents._rawValue.neck_value != '' || contents._rawValue.Neuropathy_value != '' || contents._rawValue.symptoms_value != '') {
        form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
            '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
      } else if(contents._rawValue.eye_value !='' ) {
        form.value.elTextTwo = '平衡膳食，多摄入动物肝、肾、奶、蛋和深绿或红黄蔬菜、水果等富维生素A和β胡萝卜素食物。婴儿要及时添加含动物肝等辅食，没有母乳的婴儿需配方奶喂养。生后及时按预防量补充维生素A。幼儿膳食中要注意脂肪和含维生素A和β胡萝卜素食物搭配食用。患消化系统疾病及消耗性疾病的患儿需及时补充维生素A制剂。\n' +
            '长期摄入不足是导致维生素A缺乏的主要原因，儿童维生素A的主要来自1、肝脏、鱼油、奶制品、鸡蛋等动物性食物；2、绿叶蔬菜以及黄色或橙色的水果和蔬菜中富含各种胡罗卜素，可在体内转变为维生素A。对于人体来说，动物性食物中的VA要比植物性中的VA更容易吸收。';
      } else if(contents._rawValue.skin_value !='' ) {
        form.value.elTextTwo = '谷类、硬果、动物内脏、蛋类及酵母中维生素B1含量丰富，但需要注意谷类加工过度可损失维生素B1，以及生鱼和贝类含有破坏维生素B1的酶，所以在日常饮食中不长期食用精米、生鱼和贝类。还需要注意的是维生素B1易溶于水，在碱性条件下易受热破坏，所以过分淘米或烹调中加碱也可导致维生素B1大量损失。\n' +
            '富含维生素B2的食物主要是动物肝脏（如肝、肾、心）等、蛋黄和乳类。谷类的精细加工会导致所含的维生素B2流失，所以儿童日常饮食中还需要增加粗粮的比例以及保证每日鸡蛋和牛奶的摄入。';
      } else if(contents._rawValue.sign_value !='' ) {
        form.value.elTextTwo = '足量的食物，平衡膳食，规律就餐，不偏食不挑食，每天饮奶多喝水，避免含糖饮料，是保障儿童生长发育的关键。日常生活中选择健康有营养的零食，避免含糖饮料和高脂肪的油炸食物，导致儿童正餐不按量食用。\n' +
            '营养不良的儿童，要在保证能量摄入充足的基础上，增加鱼、禽、蛋、瘦肉、豆制品等富含优质蛋白质的食物的摄入，经常使用奶及奶制品，每天吃新鲜的蔬菜水果；保证一日三餐，纠正偏食和过度节食等不健康饮食行为，并保持适宜的身体活动。';
      } else if(contents._rawValue.sign_value !='') {
        form.value.elTextTwo = '奶和奶制品是儿童钙的主要来源，也是最佳来源。绿色蔬菜、大豆及其制品特殊含有较高的钙，可作为补充来源。 需要特别注意的是钙在体内主动吸收需要维生素D，维生素D缺乏或不足时，钙主动吸收下降间接造成改缺乏。此外，运动锻炼也是骨骼健康的重要决定因素，跑、跳等中等程度的运动有利于骨骼钙沉积，达到更高的估量峰值。'
      }
    }

    form.value.elTextThree = res.data.data.doctor_advice;

  })

  console.log(id.value,reportId.value)
  http.get('api/Gravida/viewreport?id='+ id.value+'&reportId='+ reportId.value+'&username='+ username.value+'&guardian='+ guardian.value+'&birth='+ birth.value).then((res)=>{
      if(res.data.code === 0) {
        ElMessage.error(res.data.msg)
        return false;
      }
      
      let data = res.data.data.component;
        console.log(data,'芽儿呦')
      info.value.Fat = data.Fat;
      info.value.FatMin = data.FatMin;
      info.value.FatMax = data.FatMax;

      info.value.LA_fat=data.LA_fat;
      info.value.RL_fat=data.RL_fat;
      info.value.LL_fat=data.LL_fat;
      info.value.RA_fat=data.RA_fat;

      info.value.RL_water=data.RL_water;
      info.value.LL_water=data.LL_water;
      info.value.RA_water=data.RA_water;
      info.value.LA_water=data.LA_water;

      info.value.TR_water=data.TR_water;



      info.value.RL_muscle=data.RL_muscle;
      info.value.LL_muscle=data.LL_muscle;
      info.value.RA_muscle=data.RA_muscle;
      info.value.LA_muscle=data.LA_muscle;

      info.value.ICW=data.ICW;
      info.value.Water=data.Water;
      info.value.Muscle=data.Muscle;
      info.value.LBM=data.LBM;
      info.value.Weight=data.Weight;
      info.value.Ecw=data.Ecw;
      info.value.Protein=data.Protein;
      info.value.Fat=data.Fat;


      info.value.Bone = data.Bone;
      info.value.BoneMin = data.BoneMin;
      info.value.BoneMax = data.BoneMax;

      info.value.Protein = data.Protein;
      info.value.ProteinMin = data.ProteinMin;
      info.value.ProteinMax = data.ProteinMax;

      info.value.Water = data.Water;
      info.value.WaterMin = data.WaterMin;
      info.value.WaterMax = data.WaterMax;

      info.value.Weight = data.Weight;
      info.value.WeightMin = data.WeightMin;
      info.value.WeightMax = data.WeightMax;

      info.value.LBM = data.LBM;
      info.value.LBMMin = data.LBMMin;
      info.value.LBMMax = data.LBMMax;

      info.value.Muscle = data.Muscle;
      info.value.MuscleMin = data.MuscleMin;
      info.value.MuscleMax = data.MuscleMax;

      info.value.ICW = data.ICW;
      info.value.ICWMin = data.ICWMin;
      info.value.ICWMax = data.ICWMax;

      info.value.PBF = data.PBF;
      info.value.PBFMin = data.PBFMin;
      info.value.PBFMax = data.PBFMax;

      info.value.SMM = data.SMM;
      info.value.SMMMin = data.SMMMin;
      info.value.SMMMax = data.SMMMax;

      info.value.BMI = data.BMI;
      info.value.BMIMin = data.BMIMin;
      info.value.BMIMax = data.BMIMax;

      info.value.WHR = data.WHR;
      info.value.WHRMin = data.WHRMin;
      info.value.WHRMax = data.WHRMax;

      info.value.Weight_control = data.Weight_control;
      info.value.Fat_control = data.Fat_control;
      info.value.Muscle_control = data.Muscle_control;
      // 内脏指数
      info.value.VFI = data.VFI;
      info.value.VFIMin = data.VFIMin;
      info.value.VFIMax = data.VFIMax;
      // 水中系数
      info.value.Edema = data.Edema;
      info.value.EdemaMin = data.EdemaMin;
      info.value.EdemaMax = data.EdemaMax;
      // 细胞外液
      info.value.ECW = data.ECW;
      // 基础代谢
      info.value.BMR = data.BMR;
      // 身体水分率
      //info.value.Water = (data.Water * 100).toFixed(2);
      if (data.PBF < data.PBFMin) {
        fatHigh.value = true;
      } else if (data.PBF >= data.PBFMin && data.PBF <= data.PBFMax) {
        fatNormal.value = true;
      } else if (data.PBF > data.PBFMax) {
        fatLow.value = true;
      }

      if (data.WHR < data.WHRMin ) {
        WaistHigh.value = true;
      } else if (data.WHR >=  data.WHRMin  && data.WHR <=  data.WHRMax) {
        WaistNormal.value = true;
      } else if (data.WHR >  data.WHRMax) {
        WaistLow.value = true;
      }
      // 水肿指标
      if (data.Edema < data.EdemaMin) {
        EdemaHigh.value = true;
      } else if (data.Edema >= data.EdemaMin && data.Edema <= data.EdemaMax) {
        EdemaNormal.value = true;
      } else if (data.Edema > data.EdemaMax) {
        EdemaLow.value =true;
      }
      // 蛋白质
      if (data.Protein < data.ProteinMin) {
        proteinHigh.value = true;
      } else if (data.Protein >= data.ProteinMin && data.Protein <= data.ProteinMax) {
        proteinNormal.value = true;
      } else if (data.Protein > data.ProteinMax) {
        proteinLow.value =true;
      }
      //脂肪
      if (data.Fat < data.FatMin) {
        FatHigh.value = true;
      } else if (data.Fat >= data.FatMin && data.Protein <= data.FatMax) {
        FatNormal.value = true;
      } else if (data.Fat > data.FatMax) {
        FatLow.value =true;
      }

      // 处理指标参数
      info.value.Weightkeyword = '正常';
      info.value.Weightcolor = 'everyBlack';
      if ( data.Weight < data.WeightMin) {
        info.value.Weightkeyword = '不足';
        info.value.Weightcolor = 'everyRed';
      } else if( data.Weight >  data.WeightMax) {
        info.value.Weightkeyword = '超标';
        info.value.Weightcolor = 'everyOrange';
      }

      info.value.Musclekeyword = '正常';
      info.value.Musclecolor = 'everyBlack';
      if ( data.Muscle < data.MuscleMin) {
        info.value.Musclekeyword = '不足';
        info.value.Musclecolor = 'everyRed';
      } else if( data.Muscle >  data.MuscleMax) {
        info.value.Musclekeyword = '超标';
        info.value.Musclecolor = 'everyOrange';
      }

      info.value.PBFkeyword = '正常';
      if ( data.PBF < data.PBFMin) {
        info.value.PBFkeyword = '不足';
      } else if( data.PBF >  data.PBFMax) {
        info.value.PBFkeyword = ' 超标';
      }

      info.value.Bonekeyword = '正常';
      info.value.Bonecolor = 'everyBlack';
      if ( data.Bone < data.BoneMin) {
        info.value.Bonekeyword = '不足';
        info.value.Bonecolor = 'everyRed';
      } else if( data.Bone >  data.BoneMax) {
        info.value.Bonekeyword = '超标';
        info.value.Bonecolor = 'everyOrange';
      }

      info.value.Waterkeyword = '正常';
      info.value.Watercolor = 'everyBlack';
      if ( data.Water < data.WaterMin) {
        info.value.Waterkeyword = '不足';
        info.value.Watercolor = 'everyRed';
      } else if( data.Water >  data.WaterMax) {
        info.value.Waterkeyword = '超标';
        info.value.Watercolor = 'everyOrange';
      }

      info.value.SMMkeyword = '正常';
      info.value.SMMcolor = 'everyBlack';
      if ( data.SMM < data.SMMMin) {
        info.value.SMMkeyword = '不足';
        info.value.SMMcolor = 'everyRed';
      } else if( data.SMM >  data.SMMMax) {
        info.value.SMMkeyword = '超标';
        info.value.SMMcolor = 'everyOrange';
      }

      info.value.BMIkeyword = '正常';
      info.value.BMIcolor = 'everyBlack';
      if ( data.BMI < data.BMIMin) {
        info.value.BMIkeyword = '不足';
        info.value.BMIcolor = 'everyRed';
      } else if( data.BMI >  data.BMIMax) {
        info.value.BMIkeyword = '超标';
        info.value.BMIcolor = 'everyOrange';
      }

      info.value.WHRkeyword = '正常';
      info.value.WHRcolor = 'everyBlack';
      if ( data.WHR < data.WHRMin) {
        info.value.WHRkeyword = '不足';
        info.value.WHRcolor = 'everyRed';
      } else if( data.WHR >  data.WHRMax) {
        info.value.WHRkeyword = '超标';
        info.value.WHRcolor = 'everyOrange';
      }




      // const  EdemaHigh = ref(false)
      // const  EdemaNormal = ref(false)
      // const  EdemaLow = ref(false)

    })

}

onMounted(() => {
  console.log(123);
  fetchData()
})
</script>


<style scoped>
#basic {
  font-size: 14px;
  width: 1075px;
  min-height: 1244px;
  overflow: hidden;
  padding: 0;
  word-break: break-all;
  margin: 60px auto 0 auto;
  box-shadow: var(--el-box-shadow-light);
  border-radius: var(--el-card-border-radius);
  background-color: var(--el-card-bg-color);
  /* color: var(--el-text-color-primary); */
  transition: var(--el-transition-duration);
  --el-card-border-color: var(--el-border-color-light, #ebeef5);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-color-white);
}
.everyRed {
  color:red;
}

.everyOrange {
  color:orange;
}

.everyBlack {
  color:#333333;
}
.dietOn {
  height: 500px;
}
.time-botton {
  background-color: #2AB28B;
  width: 108px;
  height: 41px;
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  line-height: 41px;
  margin: 40px 0 0 40px;
  text-align: center;
}

.plates {
  width: 33%;
  float: left;
}

.time-type {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #85CE61;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  box-shadow: 5px 5px 2px #888888;
  margin: 20px 0 20px 40%;
}
.time-left-color {
  background: #85CE61;
}
.der{
  width: 354px;
  height: 241px;
  background: url("../assets/img/evaluaction_service_plate.png") 100% 100%;
}
.plates .plates-top-img {
  float: left;
  margin-left: 1%;
}
.platesFoods{
  margin-top: 5px;
  margin-left: 8px;

  color: #333333;
  font-size: 16px;
}
.platesFoods div {
  padding-bottom: 18px;

}
.platesFoods span{
  color: #666666;
}
.foodsNames {
  color:red;
}
.time-common-color {
  background: #E8B973;
}
.time-right-color {
  background: #6EA9E0;
}

#analMan {
  margin-top: 2%;
  text-align: center;
  color: #fff;
  width: 60%;
  float:left;

}
#analMan #imgMan {
  float: left;
}
#analMan #imgFat {
  margin-left: 80%;
  width: 379px;
  height: 35px;
  line-height: 35px;
  background: #E88F73;
  opacity: 1;
}
#analMan #imgBone {
  margin-left: 80%;
  width: 379px;
  height: 53px;
  line-height: 53px;
  background: #B1D964;
  opacity: 1;
}
#analMan #imgProtein {
  margin-left: 80%;
  width: 379px;
  height: 53px;
  line-height: 53px;
  background: #E8BA73;
  opacity: 1;
}
#analMan #imgWater {
  margin-left: 80%;
  width: 379px;
  height: 193px;
  line-height: 193px;
  background: #6BA9E4;
  opacity: 1;
}
</style>


